@CHARSET "ISO-8859-1";

body{
	text-align: center;
	padding: 3%;
	background-color: #abdae1;
}
/*
table#maintable{
	width: 40%;
	margin: auto;
}
*/

/*
**
**	Login CSS
**
*/

#loginWrapper{
	
	margin-left: auto;
	margin-right: auto;
	padding: 1%;
	text-align: left;
	background-color: #ed8029;
	border-top-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	width: 250px;
	border-color: #ed6e09;
	border-style: solid;
	border-width: 2px;
	
}

.loginbutton{
	
	background-color: #a2d278;
	border-color: #000;
	border-style: solid;
	border-width: 2px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	padding: 3%;
	width: 50px;
	text-decoration: none;
	color: #000;
	
}

.loginbutton:hover{
	
	background-color: #ffffff;
	border-color: #ffffff;
	text-decoration: none;
	border-color: #000;
	border-style: solid;
	border-width: 2px;
	
}

.inputlogin{
	
	width: 100%;
	background-color: #a2d278;
	border-color: #91d259;
	border-style: solid;
	border-width: 1px;
	
}

.inputlogin:hover{
	
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	
}

/*
**
**	Host CSS
**
*/

#logoutButton {
	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	background-color: #ca3b58;
	overflow: hidden;
	text-align: center;
	line-height: 38px;
	text-decoration: none;
	
	color: #ffffff;
  
   /*Rounded Corners*/
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border: 1px solid #003366;
 
  /*Shadow*/
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
  
}

#logoutButton:hover {
  background-color: #ca2345;
}

#logoutbar{
	
	text-align: right;
	width: 100%;
	
}

.container{
	
	width: 500px;
	margin-left: auto;
	margin-right: auto;

}

#button1 {
	
	padding: 75px;
	
	background-color: #82d23d;
	overflow: hidden;
	display: block;
	text-align: center;
	line-height: 38px;
	text-decoration: none;
  
   /*Rounded Corners*/
	border-top-right-radius: 25px;
	-moz-border-radius-topright: 25px;
	border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	border-bottom-left-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	border: 1px solid #003366;
 
  /*Shadow*/
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
  
}

#button1:hover {
  background-color: #6dd116;
}

#button2 {
	
	padding: 75px;
	
	background-color: #e5ec54;
	overflow: hidden;
	display: block;
	text-align: center;
	line-height: 38px;
	text-decoration: none;
  
   /*Rounded Corners*/
	border-top-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	border: 1px solid #003366;
 
  /*Shadow*/
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
  
}

#button2:hover {
  background-color: #e3ec22;
}


#button3 {
	
	padding-top: 75px;
	padding-bottom: 75px;
	
	background-color: #ed8029;
	overflow: hidden;
	display: block;
	text-align: center;
	line-height: 38px;
	text-decoration: none;
  
   /*Rounded Corners*/
	border-top-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	border-bottom-left-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	border: 1px solid #003366;
 
  /*Shadow*/
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
  
}

#button3:hover {
  background-color: #eb6800;
}


#maintable{
	
	margin: auto;
	
}

.buttonText{
	
	font-size: 1.5em;
	color: #0a7285;
	font-weight:900;
	
}

/*
**
**	Customer CSS
**
*/

.addcustinput{
	
	width: 100%;
	background-color: #ffffff;
	
}

.formalignright{

	text-align: left;
	
}

.formcontainer{
	
	padding: 20px;
	width: 340px;
	background-color: #FEA1A4;
	margin-left: auto;
	margin-right: auto;
    border-top-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	
}

.findcustform{
	
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	
}

table.customertable{
	
	margin-left: auto;
	margin-right: auto;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
	
}

.customertable thead th{
	
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	color: #ffffff;
	background-color: #FEA1A4;
	border-top-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	border-top-right-radius: 25px;
	-moz-border-radius-topright: 25px;
    border:2px solid #000000;
    border-bottom:2px solid #000000;
    	
}

.customertable thead th:empty{
    background:transparent;
    border:none;
}

.customertable tbody td{
    padding:10px;
    text-align:center;
    background-color:#DEF3CA;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    
}

.customertable tbody td{
    padding:10px;
    text-align:center;
    background-color:#FFFF99;
    border: 2px solid #000;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;

}

#invisble{
	
	background:transparent;
    border:none;
	
}

#opaq{
	/*background:transparent;
    border:none;*/
    border-top-right-radius: 25px;
	-moz-border-radius-topright: 25px;
	border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	background-color: #7cc576;
	
}

#opaq:hover{
	
	background-color: #5cc353;
	
}

.tablebutton{

	color: #eb3e44;
	text-decoration: none;
	
}

/*
	NAV BUTTONS
*/
.navbutton{
	
	width: 50px;
	background-color: #6CC;
	border-style: solid;
	border-color: #000;
	border-width: 2px;
	text-decoration: none;
	padding: 2px;
	color: #000;
	
}

.navbutton:hover{
	background-color: #366;
}

.navbar{
	
	text-align: left;
	
}

.removebutton{
	
	text-decoration: none;
	color: #FF0000;
	
}

.removebutton:hover{
	
	text-decoration: none;
	color: #000000;
	
}

.swapbutton{
	
	padding: 5px;
	background-color: #ca3b58;
	color: #000;
	width: 100%;
	border-style: solid;
	border-color: #000;
	border-width: 2px;
	font-weight: 900;
	
}

.swapbutton:hover{
	
	background-color: #FFF;
	border-style: solid;
	border-color: #000;
	border-width: 2px;
	
}

/*

RESERVATION

*/

.findcustreservation{
	
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ca3b58;
	padding: 30px;
	border-top-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	
}

.createreservationdiv{
	
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ed8029;
	padding: 30px;
	border-bottom-left-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	-moz-border-radius-topright: 25px;
	
}

.successfullmsg{
	
	padding: 7px;
	background-color: #FF0000;
	
}